<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			button{
				
			}

		</style>
	</head>
		<script src="../../js/mui.min.js"></script>
		<!--<script src="../../js/jquery-3.3.1.js"></script>-->
		<script type="text/javascript">
			mui.init();
			window.addEventListener('refresh', function(e){//执行刷新
			  location.reload(); 
			  });
			  
		</script>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">我的钱包</h1>
		</header>
		<div class="mui-content">

						<ul class="mui-table-view">
							<li class="mui-table-view-cell">
								<a>余额:<span  style="color:red;margin:auto 10px;"onclick="clickone()">[充值]</span><span class="mui-pull-right" id="money">0</span></a>
							</li>
							<li class="mui-table-view-cell">
								<a>信用额度<span id="credit" class="mui-pull-right">0</span></a>
							</li>
						<!--<button onclick="alertDIV('sendSms',['信息','手机','验证'])">出来</button>-->

							<li class="mui-table-view-cell">
								<a>积分<span id="quota" class="mui-pull-right ">0</span></a>
							</li>
							<li class="mui-table-view-cell">
								<a>支付密码<span  style="color:red;margin:auto 10px;"id="password">[修改]</span><span  style="color:red;margin:auto 10px;"id="passwordReset">[重置]</span></a>
							</li>
							<li class="mui-table-view-cell">
								<a onclick="goto('wallet','admin','orders_list','')">收支记录<span  style="color:red;margin:auto 10px;"id="password">[修改]</span><span  style="color:red;margin:auto 10px;"id="passwordReset">[重置]</span></a>
							</li>
							<li  class="mui-table-view-cell">
							<a id="authentication" onclick="goto('user','admin','auth','')">实名认证 </a>
							</li>
							<li  class="mui-table-view-cell">
							<a id="pay" onclick="goto('wallet','admin','pay','')">支付测试 </a>
							</li>
							<li  class="mui-table-view-cell">
							<a id="alertdiv">支付弹窗 </a>
							</li>
							<div style="display: block;"></div>
						</ul>

		</div>
		
				
			
		<script src="../../js/app.js"></script>
    	<script src="../../Plugin/js/alertDIV1.js"></script>
<script type="text/javascript">	
//调用方式
var imagearr={};
	window.addEventListener('renovate', function(e){
		var imgs=JSON.parse(localStorage.image);
		imagearr[imgs.imgid]=e.detail.image;
		//裁剪后返回的64base图片显示在image标签下的img
		document.getElementById(imgs.imgid).src=e.detail.image;
		
				//主图裁剪上传返回数据执行更新
//			  location.reload(); //刷新
});
	function image(imgid){
		maxwh=500;
		localStorage.image='{"imgid":"'+imgid+'","maxwh":"'+maxwh+'"}';
		mui.openWindow('../../Plugin/image/image.html');
	};
//修改密码回调
function mofpassword(e,v){
	var reg = /^[0-9a-zA-Z]+$/;//正则限制只允许字母和数字
	if(e=='确认'){
		for(var i=0;i<v.length;i++){
			if(!reg.test(v[i].value)){
			alert("请检查输入格式是否有误,请使用字母和数字:"+v[i].value);
			return false;
			}
			if(v[i].value.length<6){
			alert("请检查填写是否正确,并且密码长度不低于6位:"+v[i].value);
			return false;
			}
		}
		if(v[0].value==v[1].value){
			alert("输入错误,新密码与旧密码相同");
			return false;
		}else if(v[2].value!=v[1].value){
			alert('两次输入的密码不一致,请重新输入');
			return false;
		}else{
//			alert("验证通过");
				apptoken['act']='modify';
				apptoken['ps']=v[0].value;
				apptoken['type']='ps';
				apptoken['val']=v[1].value;
				mui.post(home.hos+'/wallet/admin',apptoken,function(data){
//					alert(data);
					if(isJSON(data)){
						alert('修改成功');
//						var data=JSON.parse(data);
					}else{
					alert('服务器错误：'+data);	
					}
				})
			return false;
		}
	}else{
//		取消了
	}
}
//重置密码回掉函数
function passwordReset(e,v){
	var reg = /^[0-9a-zA-Z]+$/;//正则限制只允许字母和数字
	if(e=='确认'){
		for(var i=0;i<v.length;i++){
			if(!reg.test(v[i].value)){
			alert("请检查输入格式是否有误,请使用字母和数字:"+v[i].value);
			return false;
			}
			if(v[i].value.length<6){
			alert("请检查填写是否正确,并且密码长度不低于6位:"+v[i].value);
			return false;
			}
		}
		if(v[0].value==v[1].value){
			alert("输入错误,新密码与旧密码相同");
			return false;
		}else if(v[2].value!=v[1].value){
			alert('两次输入的密码不一致,请重新输入');
			return false;
		}else{
//			alert("验证通过");
				apptoken['imgarr']=imagearr;
				apptoken['act']='psReset';
				apptoken['code']=v[0].value;
				apptoken['ps']=v[1].value;
				mui.post(home.hos+'/wallet/admin',apptoken,function(data){
//					alert(data);
					if(isJSON(data)){
						alert('修改成功');
//						var data=JSON.parse(data);
					}else{
					alert('服务器错误：'+data);	
					}
					return false;
				})
				return false;
		}
	}else{
//		取消了
	}
}


//重置密码触发
document.getElementById('passwordReset').addEventListener('click',function(){
	//调用方法
titletext_arr=['请输入'];//标题支持数组，支持div形式;
fun=['passwordReset',false];//回调函数，string;传会按键str值,和input数组;
tagarr=['<div><img id="img1" onclick="image(\'img1\')" style="width:100%" src="../../user/img/auth1.jpg">请上传手持证件</div><div><img id="img2" onclick="image(\'img2\')"style="width:100%" src="../../user/img/auth2.jpg">请上传证件个人信息面</div><div><img id="img3" onclick="image(\'img3\')"style="width:100%" src="../../user/img/auth2.jpg">请上传证件国徽面</div>',['code','请输入您的认证证件号码'],['password','请输入新密码,请使用字母和数字'],['password_confirm','请再次输入密码']]||["<input>"] || ["<input>","<div>支持ul,img标签</div>"];//支持多种形式输入
buttontext_arr=["取消","确认"];//支持多值直接在数组里增加文字即可
alertDIV(titletext_arr,fun,tagarr,buttontext_arr);
})

//修改密码触发
document.getElementById('password').addEventListener('click',function(){
	//调用方法
titletext_arr=['请输入'];//标题支持数组，支持div形式;
fun=['mofpassword',false];//回调函数，string;传会按键str值,和input数组;
tagarr=[['password_old','请输入原密码'],['password','请输入新密码,请使用字母和数字'],['password_confirm','请再次输入密码']]||["<input>"] || ["<input>","<div>支持ul,img标签</div>"];//支持多种形式输入
buttontext_arr=["取消","确认"];//支持多值直接在数组里增加文字即可
alertDIV(titletext_arr,fun,tagarr,buttontext_arr);
})

	var money=document.getElementById('money');
	var credit=document.getElementById('credit');
	var quota=document.getElementById('quota');
//	var paygo=document.getElementById('pay');
//	paygo.addEventListener("tap",paygo,false);
	apptoken['act']='detail';
mui.post(home.hos+'/wallet/admin',apptoken,function(data){
	if(isJSON(data)){
		var data=JSON.parse(data);
		money.innerHTML=data['money'];
		credit.innerHTML=data['credit'];
		quota.innerHTML=data['quota'];
	}else{
	alert('服务器错误'+data);	
	}
})


//money.addEventListener("tap",clickone,false); 
money.addEventListener("tap",function(){
	mui.openWindow('pay.html');
},false)
function clickone(){
			mui.prompt('', '','请输入金额' , ['取消','发送手机验证码'], function(e) {
		        if (e.index == 1){
		        	if(validMoney(e.value)===false){
		        		alert(e.value+'您的输入有误,需少于2位小数'+validMoney(e.value));
		//      		return false;
		        	}else{
//		        		recharge(e.value,code)
//		        		pay('alipay');
//		        		alert(e.value+'正确');
		        		mui.prompt('', '','请输入验证码' , ['取消','确认'], function(e1) {
		        			if (e1.index == 1){
		        				recharge(e.value,e1.value)
		        			}else{
		        				alert('取消');
		        			}
		        		},'div')
////		        		  sendSms(e.value);
//		//      		  return false;
		        	}
		        } else {
		           alert('你点了取消按钮');
		        }
		    },'div')
}

var channel=null;
// 1. 获取支付通道
function plusReady(){
    // 获取支付通道
    plus.payment.getChannels(function(channels){
        channel=channels[0];
    },function(e){
        alert("获取支付通道失败："+e.message);
    });
}
document.addEventListener('plusready',plusReady,false);

var ALIPAYSERVER='http://demo.dcloud.net.cn/helloh5/payment/alipay.php?total=';
var WXPAYSERVER='http://demo.dcloud.net.cn/helloh5/payment/wxpay.php?total=';
// 2. 发起支付请求
function pay(id){
    // 从服务器请求支付订单
    var PAYSERVER='';
    if(id=='alipay'){
        PAYSERVER=ALIPAYSERVER;
    }else if(id=='wxpay'){
        PAYSERVER=WXPAYSERVER;
    }else{
        plus.nativeUI.alert("不支持此支付通道！",null,"捐赠");
        return;
    }
    var xhr=new XMLHttpRequest();
    xhr.onreadystatechange=function(){
        switch(xhr.readyState){
            case 4:
            if(xhr.status==200){
                plus.payment.request(channel,xhr.responseText,function(result){
                    plus.nativeUI.alert("支付成功！",function(){
                        back();
                    });
                },function(error){
                    plus.nativeUI.alert("支付失败：" + error.code);
                });
            }else{
                alert("获取订单信息失败！");
            }
            break;
            default:
            break;
        }
    }
    xhr.open('GET',PAYSERVER);
    xhr.send();
}

//充值
function recharge(m,code){
//	alert(m+':'+code);
	apptoken['val']=m;
	apptoken.code=code;
	apptoken.ps=code;//支付密码
	apptoken.type='recharge';
	apptoken.act='modify';
	mui.post(home.hos+'/wallet/admin',apptoken,function(data){
		alert(data);
		if(isJSON(data)){
			data=JSON.parse(data);
			if(data.status=='200'){
				money.innerHTML=(parseInt(money.innerText)+parseInt(m));
			}
		}
	})
}
//判断是否是2位小数内的数字
var validMoney= function(money){
        var reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
        if (reg.test(money)) {
             return true;
        }else{
             return false;
        }}
//调用方式
//	window.addEventListener('renovate', function(e){
//		//裁剪后返回的64base图片显示在image标签下的img
//		document.getElementById('image').getElementsByTagName('img')[0].src=e.detail.image;
//				//主图裁剪上传返回数据执行更新
////			  location.reload(); //刷新
//					apptoken['type']='headimg',//修改的类型
//                	apptoken['val']=e.detail.image,//值
//                	apptoken['act']='modify'//修改
//
//         upload(apptoken);//上传服务器
//			  });

			
//function sendSms(e){
//	if(e[0] || e[0]=='1'){
//		if(isMobile(e[1])===false){
//  		alert(e[1]+'您输入的手机号码有误'+isMobile(e[1]));
//			return false;
//	    }else{
//				alert(e);
//				apptoken['act']='getCode';
//				apptoken['val']=e[1];//值
//				apptoken['code']=e[2];//值
//				mui.post(home.hos+'/user/admin',apptoken,function(data){
//					alert(data);
//					if(data!==200){
//						mui.prompt('', '','请输入手机验证码' ,['取消','确认'], function(e1) {
//			        		if (e1.index == 1){
//			        		  ///ajax请求数据类型
//			                  apptoken['type']='mobile';//修改的类型
//			                  apptoken['code']=e1.value;//值
//			                  apptoken['act']='modify';//修改
//			           		  upload(apptoken);//上传服务器
//			           }
//			//      		
//			        	},'div')
//					}else{
//						alert('验证码有误');
//					}
//						
//				})
//		}
//	}else{
//	alert('取消');
//	}
//}

        </script> 
        
	</body>

</html>